<!DOCTYPE html > 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" />
<title>加班管理</title>

</head>
<body>
<div class="container" style="width: 100%;padding: 25px 15px;">
    <div class="row clearfix">
        <div class="col-md-12 column" style="padding: 20px;">
            <div style="float: left;">
                 <input type="button" class="btn btn-primary btn" value="添加" onclick="overtimeHTML()"/>
            </div>
            
            <form action="#" method="post" id="overForm" role="form" class="form-inline" style="float: right;margin-bottom: 10px;">
                <div class="form-group" style="margin-right: 20px;">
                     <label for="exampleInputEmail1" style="margin-right: 10px;">姓名</label><input type="text" class="form-control" id="realName" name="realName" placeholder="姓名"/>
                </div>
                <input type="hidden" id="pageNo" name="offset" value="${page.pageNo}">
                <button type="button" class="btn btn-primary btn" onclick="findOvertime()">查询</button>
            </form>
            
            <div id="overtimeInfo">
       <!--      	<table class="table table-bordered" style="margin-top: 20px;">
	               <thead>
	                   <tr>
	                       <th style="display:none">ID</th>
	                       <th>姓名</th>
	                       <th>申请时间</th>
	                       <th>开始时间</th>
	                       <th>结束时间</th>
	                       <th>加班时长</th>
	                       <th>描述</th>
	                       <th>审批人</th>
	                       <th>审批状态</th>
	                       <th style="width: 150px;">操作</th>
	                   </tr>
	               </thead>
	               <tbody>
	                    <tr class="success">
	                       <td style="display:none"></td>
	                       <td>小奥</td>
	                       <td>2017-06-16 15:00:00</td>
	                       <td>2017-06-16 18:00:00</td>
	                       <td>2017-06-16 22:00:00</td>
	                       <td>4小时</td>
	                       <td>任务未完成</td>
	                       <td>审批人</td>
	                       <td>已审批</td>
	                       <td>
	                       	<input type="button" class="btn btn-primary btn" value="修改" onclick="modifyOvertime()"/>
	                           <input type="button" class="btn btn-primary btn" value="删除" onclick="delOvertime()"/>
	                       </td>
	                   </tr>
	               </tbody>
            	</table> -->
            </div>
            
            <span>共  <span id="totalRecord">1</span> 条记录    当前第  <span id="pageIndex">1</span> 页     共   <span id="totalPage">1</span> 页</span>
			
			<!-- 分页 -->
           	<ul class="pagination" style="float: right;margin: 0;">
	            <li><span id="firstPage">首页</span></li>
				<li><span id="prePage">上一页</span></li>
				<li><span id="nextPage">下一页</span></li>
				<li><span id="endPage">尾页</span></li>
            </ul>
           
            
        </div>
    </div>
</div>

<!-- 使用layui显示日期选择控件，作用域添加，修改弹窗 -->
<script type="text/javascript" src="/laydate/laydate.js"></script> 

</body>
<script type="text/javascript" src="/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/overtime.js"></script>
</html>